<script setup>
function copy(data) {
  uni.setClipboardData({
    data,
  })
}
</script>

<template>
  <view class="space-y-1.5 [&>view]:text-center">
    <view
      class="aspect-[100/16.1] bg-[url(https://pic4.zhimg.com/80/v2-63755eaa318858e33445862d72581207.png)] bg-[length:100%_100%] bg-no-repeat"
    />
    <view
      class="flex items-center justify-center text-gray-600/75"
      @click="copy('https://github.com/sonofmagic/weapp-tailwindcss')"
    >
      <view class="i-mdi-github-circle mx-2 text-[32px] text-black" />
      <view class="text-[22px]">
        +
      </view>
      <view class="i-mdi-star mx-2 text-[32px] text-yellow-400" />
    </view>
    <view
      class="bg-gradient-to-r from-green-400 to-sky-400 bg-clip-text text-2xl font-extrabold text-transparent underline"
      @click="copy('https://weapp-tw.icebreaker.top/')"
    >
      weapp-tw.icebreaker.top
    </view>
    <view class="text-xs text-gray-600/75">
      你可以在上方的官网上，找到大量的提效解决方案
    </view>

    <view
      class="mb-2 text-center before:text-xs before:text-sky-400 before:content-['现在，让我们开始神奇的_tailwindcss_开发之旅吧！']"
    />
  </view>
</template>

<style lang="scss" scoped></style>
